<template>
	<div>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-icon mui-icon-left-nav" @click="goBack"></a>
			<h1 class="mui-title">学生考勤统计</h1>
		</header>	
		<div class="mui-content">
			<ul class="mui-table-view mui-grid-view mui-grid-9 attendanceList">
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<router-link :to="{ name: 'Course',params:{role:role} }" tag="a">
						<!--<a href="#">-->
							<span class="mui-icon"></span>
							<div class="mui-media-body">课堂</div>
						<!--</a>-->
					</router-link>
				</li>
				<!--<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<router-link to="/attendance/morning">
						<a href="#">
							<span class="mui-icon mui-icon-email"></span>
							<div class="mui-media-body">早自习</div>
						</a>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<router-link to="/attendance/evening">
						<a href="#">
							<span class="mui-icon mui-icon-chatbubble"></span>
							<div class="mui-media-body">晚自习</div>
						</a>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<router-link to="/attendance/sleep">
						<a href="#">
							<span class="mui-icon mui-icon-location"></span>
							<div class="mui-media-body">就寝</div>
						</a>
					</router-link>
				</li>
				<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
					<router-link to="/attendance/practice">
						<a href="#">
							<span class="mui-icon mui-icon-search"></span>
							<div class="mui-media-body">实习</div>
						</a>
					</router-link>
				</li>-->
			</ul>
		</div>
	</div>
</template>

<script>
import { saveToLocal } from '@/service/store';
	export default {
		data () {
			return {
				token:this.$route.params.token,
				userId:this.$route.params.userId,
				role: this.$route.params.role,

			}
		},
		created() { 
			//存储个人信息
			saveToLocal( "userInfo",{
				token: this.token,
				userId: this.userId
			})
		},
	}
</script>

<style scoped>
	li{
		height: 100px;
	}
	li a{
		width: 100%;
		height: 100%;
		padding: 0!important;
	}
	li a span{
		display: block;
		width: 100%;
		height: 62px;
		background: url(../../../static/img/course.png) no-repeat center;
		background-size: contain;
	}
	li a div{
		margin-top: 0!important;
		font-size: 16px;
	}
</style>